@import "../../const";

.zr-menu-container {
	position: absolute;
	top: @profile-height + @caption-height - 1;
	bottom: 10px;
	left: 0;
	right: 0;
	font-size: 12px;
	overflow-y: auto;
	overflow-x: hidden;
	
	.ant-menu.ant-menu-dark{
		background-color: @menu-bg-color;
	}
	
	.ant-menu-dark .ant-menu-inline.ant-menu-sub{
		background-color: #000000;
	}
	
	.ld2-menu-item {
		margin-right: 4px;
	}
	
	.zr-menu-item-image {
		width: 16px;
		margin-right: 14px;
		position: relative;
		top: -2px;
	}
	
	.ant-menu-submenu-title > span > span {
		font-weight: bold;
	}
	
	.ant-menu-sub.ant-menu-inline > .ant-menu-item,
	.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
		line-height: 36px;
		height: 36px;
		font-size: 12px;
	}
	
	.menu-item {
		font-size: 12px;
		
		& > span {
			color: #bebebe;
			font-size: 14px;
			font-weight: bold;
		}
	}
}

.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
	font-size: 16px;
	line-height: 40px;
	margin: 0;
}

.ant-menu-inline-collapsed {
	.menu-item {
		.anticon {
			font-size: 20px !important;
			position: relative;
			left: 3px;
		}
	}
	
	.zr-menu-item-image {
		width: 26px;
		position: relative;
		top: -2px;
	}
	
	.zr-menu-icon + span {
		//display: none;
	}
	
	.zr-menu-item-image + span {
		display: none;
	}
}

//重载菜单tooltips
.ant-tooltip, .ant-menu-submenu-popup {
	
	.ant-menu-item {
		height: 30px !important;
		line-height: 30px !important;
	}
	
	.menu-item {
		font-size: 12px;
		padding: 0px 10px;
		
		img {
			display: none;
		}
		
		i {
			display: none;
		}
	}
}


//重载菜单
.ant-menu-dark, .ant-menu-dark .ant-menu-sub {
	color: rgb(179, 179, 179);
}

.ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a {
	color: rgb(179, 179, 179);
}